function $(a,all){
    if(all){
        return document.querySelectorAll(a)
    }
    return document.querySelector(a)
}

let list =JSON.parse(localStorage.getItem('cart'))  ||  []
console.log(list)
    function render(){
const html =list.map(function(item,index){
    return `
    <tr>
            <td><input type="checkbox" ${item.checked?'checked':'' } class="check-p" data-id="${item.id}"></td>
            <td><img src="${item.img_small_logo}" height="100"></td>
            <td>${item.price}</td>
            <td>
                <button class="reduce" data-id="${item.goods_id}">-</button>
                <input type="text" class="num" size="1" value="${item.cart_number}"/>
                <button class="add" data-id="${item.goods_id}">+</button>
                </td>
                <td class="sum">${(item.price*item.cart_number).toFixed(2)}</td>
                <td><a href="#" class="clear" data-id="${item.goods_id}">删除</a></td>
                </tr>
    `
    
}).join('')
$('tbody').innerHTML=html
    }
//     const total = shoppingList.reduce((sum,item) => {
//             if(item.checked===true){
//                 sum += item.price * item.amount
//             }
//             return  sum
//         },0)
//         $('.total').innerHTML = total.toFixed(2)

//         const sumNumber = shoppingList.reduce((sum,item)=>{
//             if(item.checked===true){
//                 sum += item.amount
//             }return sum
//         },0)
//         $('.amounts').innerHTML =sumNumber


//         const checkAll = shoppingList.every(function (item){
//             return item.checked === true
//         })
//         // const checkAll = cart.every(product => product.checked)
//         $('.check-all').checked = checkAll
         
//     }
// render()



// $('tbody').addEventListener('click',function (event){
//     const src = event.target
//     if(src.className==='clear'){
//         event.preventDefault()
//         const id =Number(src.dataset.id)
//         shoppingList = shoppingList.filter( function (i){
//             return i.id !==id
//         })
//         // shoppingList = shoppingList.filter(i=>i.id !== id)简写
//         render()
//     }
// },false) 

// $('tbody').addEventListener('click',function(item){
//     let src=event.target
//     if(src.className==='reduce' || src.className==='add'){
//         const id = Number(src.dataset.id)
//         const pro = shoppingList.filter(function (item){
//             return  item.id===id
//         })[0]
//         if(src.className==='add' ){
//             pro.amount += 1
//         }else{
//             pro.amount -=1
//         }
//     }
//     render()
// },false)
// $('tbody').addEventListener('click',function (item){
//     const src = event.target
//     console.log(src)
//     if(src.className==='check-p'){
//         const id = Number(src.dataset.id)
//         const pro = shoppingList.filter( function(item){
//             return item.id===id})[0]
//         pro.checked = !pro.checked
       
//         render()
//     }
// },false) 


// $('.check-all').addEventListener('click', function(item){
//     const checked =event.target.checked
//     shoppingList.forEach(function(item){
//         item.checked=checked
//     })
//     render()       
// },false)

// <script>
// $('.del').addEventListener('click',function(event){
//     event.preventDefault()
//     shoppingList=shoppingList.filter(item=>!item.checked)
//     render()
// },false)
